
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>真善美</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="真善美" />
	<meta name="keywords" content="真善美" />
	<meta name="author" content="真善美" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<!-- Google Webfonts -->
	<link href='http://fonts.useso.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Salvattore -->
	<link rel="stylesheet" href="css/salvattore.css">
	<!-- Theme Style -->
	<link rel="stylesheet" href="css/style.css">
	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	<script src="js/vue.js"></script>
	</head>
	<body>
<!--	<div id="fh5co-offcanvass">-->
<!--		<a href="#" class="fh5co-offcanvass-close js-fh5co-offcanvass-close">Menu <i class="icon-cross"></i> </a>-->
<!--		<h1 class="fh5co-logo"><a class="navbar-brand" href="index.html">Hydrogen</a></h1>-->
<!--		<ul>-->
<!--			<li class="active"><a href="index.html">Home</a></li>-->
<!--			<li><a href="about.html">About</a></li>-->
<!--			<li><a href="pricing.html">Pricing</a></li>-->
<!--			<li><a href="contact.html">Contact</a></li>-->
<!--		</ul>-->
<!--		<h3 class="fh5co-lead">Connect with us</h3>-->
<!--		<p class="fh5co-social-icons">-->
<!--			<a href="#"><i class="icon-twitter"></i></a>-->
<!--			<a href="#"><i class="icon-facebook"></i></a>-->
<!--			<a href="#"><i class="icon-instagram"></i></a>-->
<!--			<a href="#"><i class="icon-dribbble"></i></a>-->
<!--			<a href="#"><i class="icon-youtube"></i></a>-->
<!--		</p>-->
<!--	</div>-->
<!--	<header id="fh5co-header" role="banner">-->
<!--		<div class="container">-->
<!--			<div class="row">-->
<!--				<div class="col-md-12">-->
<!--					<a href="#" class="fh5co-menu-btn js-fh5co-menu-btn">Menu <i class="icon-menu"></i></a>-->
<!--					<a class="navbar-brand" href="index.html">Hydrogen</a>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</header>-->

	<div id="fh5co-main">
		<div class="container">
		<div class="row">
        <div id="fh5co-board" data-columns>

        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful1.jpg" class="image-popup fh5co-board-img" title="张文宏: 不管是嘲笑别国疫情蔓延，还是猛夸自己国家棒，其实都是对灾难和逝者的亵渎!!"><img src="images/beautiful1.jpg" alt="张文宏: 不管是嘲笑别国疫情蔓延，还是猛夸自己国家棒，其实都是对灾难和逝者的亵渎!!"></a>
        		</div>
        		<div class="fh5co-desc">张文宏: 不管是嘲笑别国疫情蔓延，还是猛夸自己国家棒，其实都是对灾难和逝者的亵渎!!</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful2.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful2.jpg" alt=""></a>
	        		<div class="fh5co-desc">任志强: 哪怕一个再渺小的个人，也可以为一段历史!</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful3.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful3.jpg" alt="我们希望你冷静下来好好反思"></a>
	        		<div class="fh5co-desc">我们希望你冷静下来好好反思 你听明白了吗? 李文亮:明白</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful4.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful4.jpg" alt="李泽华:人心惟危，道心惟微；惟精惟一，允执厥中"></a>
	        		<div class="fh5co-desc">李泽华:人心惟危，道心惟微；惟精惟一，允执厥中</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful5.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful5.jpg" alt="鲁迅:如果鼓励说假话，这个社会就会腐化"></a>
	        		<div class="fh5co-desc">鲁迅:如果鼓励说假话，这个社会就会腐化</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful6.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful6.jpg" alt="一名揭露地沟油的记者"></a>
	        		<div class="fh5co-desc">李翔:网友投诉栾川有炼制地沟油窝点，食安委回应未发现</div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful7.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful7.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful8.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful8.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful9.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful9.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful10.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful10.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful11.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful11.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful12.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful12.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful13.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful13.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful14.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful14.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful15.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful15.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful16.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful16.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful18.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful18.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful17.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful17.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful19.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful19.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful20.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful20.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>

        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful22.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful22.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful23.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful23.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful24.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful24.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful25.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful25.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful27.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful27.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful28.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful28.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="images/beautiful29.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful29.jpg" alt=""></a>
	        		<div class="fh5co-desc"></div>
        		</div>
        	</div>
			<div class="item">
				<div class="animate-box">
					<a href="images/beautiful31.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful31.jpg" alt=""></a>
					<div class="fh5co-desc"></div>
				</div>
			</div>
			<div class="item">
				<div class="animate-box">
					<a href="images/beautiful32.jpg" class="image-popup fh5co-board-img"><img src="images/beautiful32.jpg" alt=""></a>
					<div class="fh5co-desc"></div>
				</div>
			</div>
        </div>
        </div>
       </div>
	</div>

	<footer id="fh5co-footer">
		<div class="container">
			<div class="row row-padded">
				<div class="col-md-12 text-center">
					<p class="fh5co-social-icons">
						<a href="https://gitee.com/gaide/capsui_html.git"><i class="icon-github"></i></a>
<!--						<a href="#"><i class="icon-facebook"></i></a>-->
<!--						<a href="#"><i class="icon-instagram"></i></a>-->
<!--						<a href="#"><i class="icon-dribbble"></i></a>-->
<!--						<a href="#"><i class="icon-youtube"></i></a>-->
<!--						<a href="https://beian.miit.gov.cn" class="lead" style="display:block;font-size:14px;text-align: center;">-->
<!--							网站备案号：粤ICP备15099276号-1-->
<!--						</a>-->
					</p>
				</div>
			</div>
		</div>
	</footer>


	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap-->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints-->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Magnific Popup-->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Salvattore -->
	<script src="js/salvattore.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>

	<script type="module">
	</script>
	</body>
</html>
